<template>
  <!-- 小程序装修 -->
  <div class="app-container">
    <el-tabs v-model="activeName" type="card" @tab-change="handleClick">
      <!-- <el-tab-pane label="小程序管理" name="first"> -->
      <!-- 小程序管理 -->
      <!-- <tab1 /> -->
      <!-- </el-tab-pane> -->
      <el-tab-pane label="小程序装修" name="second">
        <!-- 小程序装修 -->
        <tab2 />
      </el-tab-pane>
      <el-tab-pane label="首页按钮管理" name="third">
        <tab4 ref="tabThird" />
      </el-tab-pane>
      <el-tab-pane label="信息收集" name="fourth">
        <tab3 />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup name="ven_marketing_furnish">
import tab1 from './tab1'
import tab2 from './tab2'
import tab3 from './tab3'
import tab4 from './tab4'
import { ref } from 'vue'
import { getCurrentInstance } from '@vue/runtime-core'

const { proxy } = getCurrentInstance()

const activeName = ref('second')

function handleClick(name) {
  if (name === 'third') {
    proxy.$refs.tabThird.getVenue()
  }
}

</script>

<style scoped>

</style>
